import styled from 'styled-components'
export const Wrap = styled.div`
	width: 100%;
	height: 600px;
	position: relative;
	.special-tab {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		.tab-item {
			font-size: 14px;
			flex: 0 1 120px;
			padding: 0 10px;
			box-sizing: border-box;
			white-space: nowrap;
			text-align: center;
			cursor: pointer;
			&.tab-active {
				color: #3e9bd0;
				font-weight: bold;
				position: relative;
				&::before {
					content: '';
					width: calc(100% + 10px);
					position: absolute;
					height: 2px;
					bottom: -5px;
					left: -5px;
					background: #fff;
					z-index: 1;
				}
				&::after {
					content: '';
					width: 100%;
					position: absolute;
					height: 2px;
					bottom: -5px;
					left: 0px;
					background: #2d8bc0;
					z-index: 2;
				}
			}
		}
		.btn-export {
			position: absolute;
			right: 0;
		}
	}
`
export const RedSpan = styled.span`
	color: red;
`
export const GreenSpan = styled.span`
	color: #1b8a1b;
`
